.hd-table {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
  color:#666;
}

.hd-table-form {
  font-size: 12px;
  thead {
    th, td {
      background: #ECECEC;
      border-top: 1px solid #CECECE;
      border-bottom: 1px solid #CECECE;
      color: #666;
      padding: 5px 9px;
    }
  }
  tbody {
    tr {
      td, th {
        border-bottom: solid 1px #E5E5E5;
        padding: 3px 8px;
        vertical-align: middle;
      }
      th {
        text-align: right;
        background: #F8F8F8;
        border-right: 1px solid #E5E5E5;
        color: #666;
        font-weight: 400;
      }
    }
  }
}

.hd-table-list {
  font-size: 12px;
  thead {
    tr {

      th, td {
        background: #E6E6E6;
        border-top: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
        color: #666;
        padding: 5px 9px;
      }
    }
  }
  tbody {
    tr {
      &:hover{
        background: #EEEEEE;
      }
      td, th {
        border-bottom: solid 1px #DDDDDD;
        padding: 5px 8px;
        vertical-align: middle;
      }
      td {
        color: #555;
        border-bottom: solid 1px #DDDDDD;
      }
    }
  }
}